<template>
  <div>
    <el-dialog
      title="编辑短链接"
      :visible.sync="editShortLinkDialog"
      width="width"
      @close="close"
    >
      <el-form ref="form" :model="form" label-width="80px">
        <el-form-item label="源地址">
          <el-input placeholder=""></el-input>
        </el-form-item>
        <el-form-item label="备注">
          <el-input placeholder=""></el-input>
        </el-form-item>
        <el-form-item label="过期时间">
          <el-date-picker
            v-model="value2"
            align="right"
            type="date"
            placeholder="请选择过期时间"
            :picker-options="pickerOptions"
          >
          </el-date-picker>
        </el-form-item>
        <el-form-item label="">
          <el-row :gutter="10">
            <el-button type="primary" size="mini">保存</el-button>
            <el-button size="mini" @click="close">取消</el-button>
          </el-row>
        </el-form-item>
      </el-form>
    </el-dialog>
  </div>
</template>

<script>
export default {
  props: {
    editShortLinkDialog: {
      type: Boolean,
    },
  },
  data() {
    return {};
  },
  methods: {
    close() {
      this.$emit('update:editShortLinkDialog',false)
    }
  }
};
</script>

<style scoped></style>
